﻿
[data-effect="checkbox"] {
	vertical-align: middle !important;
	box-sizing: content-box !important;
	position: relative !important;
}


[data-effect="checkbox-flag"]+label
{
	width: auto;
	height: auto;
	cursor: pointer !important;
	margin-left: 3px !important;
	vertical-align: middle !important;
	text-align: left;
/*	display : inlineblock !important;*/
}


[data-effect="checkbox-flag"] {
  width: 0px !important;
  padding: 0px 0px 0px 0px !important;
  margin: 0px 0px 0px 0px !important;
  height: 0px !important;
  position: relative !important;
  cursor: pointer !important;

}

[data-effect="checkbox"]:checked,
[data-effect="checkbox"]:not(:checked)
{
  width: 19px !important;
  height: 1px !important;
  /*margin: 0px 6px 3px 3px !important;*/
  padding: 0px 0px 0px 0px !important;
 
  opacity: 0 !important;
  position: relative !important;
  clip: rect(0 0 0 0) !important;
  clip: rect(0,0,0,0) !important;
  -webkit-appearance:  none !important;
  -moz-appearance:  none !important;
  -ms-appearance:  none !important;
  -khtml-appearance:  none !important;
  -o-appearance:    none !important;
  appearance:      none !important;
}


[data-effect="checkbox-flag"]:before
{
    content:'';
 	position: absolute !important;
	left: -22px !important;
	bottom: 0px !important;
   
    cursor: pointer !important;
    height: 10px !important;
    padding-right: 0px !important;
    width: 20px !important;  
}

[data-effect="checkbox-flag"]:after {
	position: absolute !important;
	left: -20px !important;
	bottom: 2px !important;
	
    content: '' !important;
    display: block !important;
    height: 10px !important;
    width: 10px !important;
}
 
[data-type="checkbox"]:checked+[data-effect="checkbox-flag"]:after {
   left: -10px !important;
}